<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="xml" version="1.0" encoding="UTF-8"
		indent="yes" />

	<xsl:include href="stylesheets/StyleSheetProceso.xsl" />
	<xsl:include href="../stylesheets/menu.xsl" />
	<xsl:include href="../stylesheets/historico_indicador.xsl" />
	
	
	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template match="/">

		<PAGE>

			<!-- LIBRERIAS -->
			<!-- <add type='stylesheet' src="private/[NOMBRE_LIBRERIA.css]"/> -->
			<add type='script' src="public/macroproceso/PageDetalleSubproceso.js" />
			<add type="stylesheet" src="public/macroproceso/PageDetalleSubproceso.css" />


			<xsl:apply-templates select="//XMLPAGE/*" />
			<esquemaHCF />

			<div style="margin:15px 0 15px 0">
				<!-- ============= -->
				<!-- MENU LATERAL -->
				<!-- ============= -->
				<div style="float:left; width:23%; height:auto;" class="">
					<div class="bg-menu-lateral corner">
						<div class="menu-lateral">
							<!-- ========================== -->
							<!-- LOGO ==================== -->
							<!-- ========================== -->
							<div style="text-align:center;">
								<img src="{//contextPath}/css/public/inicio/images/hvh.png"
									width="90" height="140" alt="" />
							</div>
							<div style="text-align:center;">

								<label class="logo-titulo-hospital">Hospital Vista Hermosa</label>
								<br />
								<label class="logo-titulo-eslogan">Empresa social del estado</label>
							</div>
							<separador />
							<div style="border-bottom:2px dotted #999;" />

							<!-- ========================== -->
							<!-- INSTANCIA================= -->
							<!-- ========================== -->
							<separador />
							<div style="">
								<div style="float:left; width:80px; border-right:2px dotted #999;"
									class="icon-btn-macroproceso" />
								<div style="float:left; width:80px; border-right:2px dotted #999; "
									class="icon-btn-detalleproceso-opaco " />
								<div style="float:left;" class="icon-btn-resumengeneral-opaco" />
							</div>
							<clearboth />
							<separador />

							<div style=" border-bottom:2px dotted #999;" />

							<!-- ========================== -->
							<!-- MENU ==================== -->
							<!-- ========================== -->
							<div style="text-align:left; margin:15px;">
								<div class="link" onclick="osm_enviarFormulario('form_inicio');">
									- Inicio
									<form id="form_inicio" destino="{//contextPath}/inicio/PageHome.pub" />

								</div>
								<div class="link" onclick="osm_enviarFormulario('form_macroproceso');">
									- Macroproceso
									<form id="form_macroproceso"
										destino="{//contextPath}/macroproceso/PageMacroproceso.pub" />

								</div>
								<div class="link" onclick="osm_enviarFormulario('form_subproceso');">
									- Subproceso
									<form id="form_subproceso"
										destino="{//contextPath}/macroproceso/PageSubproceso.pub" />

								</div>
								<div class="link"
									onclick="osm_enviarFormulario('form_detalle_subprocesos');">
									- Detalle Procesos
									<form id="form_detalle_subprocesos"
										destino="{//contextPath}/inicio/PageHome.pub" />

								</div>

								<div class="link" onclick="osm_enviarFormulario('form_resumen_general');">
									- Resumen General
									<form id="form_resumen_general" destino="{//contextPath}/inicio/PageHome.pub" />

								</div>
							</div>
						</div>
					</div>


				</div>


				<!-- ============= -->
				<!-- CONTENIDO -->
				<!-- ============= -->
				<div style="float:left; width:77%;">
					<div style="margin-left:5px">
					
				<xsl:for-each select="//ArrayList/VOProceso">
							<seccion>
							<titulo>
					 			Detalle Proceso- Indicadores (<xsl:value-of select="pro_descripcion_corta" />
					 			)
							</titulo>
								
								<contenido>
									<subseccion>
										<titulo>Información General</titulo>
										<contenido>
											<!-- SUBPROCESO -->
											<div class="texto-normal margen-externa">
												<!-- DETALLE -->
												<div>
													<table class="table-formulario">
														<tbody>
															<tr>
																<!-- ICONO -->
																<td rowspan="7" class="w25pto">
																	<xsl:call-template name="caja_subproceso"></xsl:call-template>
																</td>


																<!-- NOMBRE PROCESO -->

																<td class="">

																	<b>Tipo Proceso: </b>
																	<xsl:value-of select="pro_descripcion_corta" />

																</td>
															</tr>
															<!-- NOMBRE PROCESO -->
															<tr>
																<td class="">
																	<b>Nombre del Proceso: </b>
																	<xsl:value-of select="pro_descripcion_larga" />
																</td>
															</tr>
															<!-- DESCRIPCION -->
															<tr>
																<td class="">
																	<b>Porcenaje de Cumplimiento del proceso: </b>
																	<xsl:value-of select="porcentajeCumplimientoProc" />
																</td>
															</tr>
															<!-- CANTIDAD INDICADORES PROCESO-->
															<tr>
																<td class="">
																	<b>Indicadores del proceso: </b>
																	<xsl:value-of select="count(//ArrayList/VOInpIndicadoresProcesos)" />
																</td>
															</tr>
														</tbody>
													</table>
												</div>



											</div>

										</contenido>
									</subseccion>
					
									<subseccion>
											<xsl:choose>

 											<xsl:when test="count(//ArrayList/VOInpIndicadoresProcesos)>0 and 1=1">
 											<titulo>Indicadores</titulo>
												<contenido>
													<div>
														<table class="table" id="">
														<tr class="table-tittle">
															
															<td class="">Codigo Indicador</td>
															<td class="">Sigla indicador</td>
															<td class="">Nombre Largo</td>
															<td class="">Objetivo Indicador</td>
															<td class="">Valor</td>
															<td class="">Cumplimiento %</td>
															<td class="">Estado</td>
															<td class="">Nuevo Valor</td>
															<td class="">Ver Historial</td>
															
														</tr>
															<xsl:for-each select="//ArrayList/VOInpIndicadoresProcesos">
															<tr onclick="">
																<xsl:if test="(position() mod 2) > 0 ">
																<xsl:attribute name="class">table-fila-body table-tr-impar  </xsl:attribute>
																</xsl:if>
																<xsl:if test="(position() mod 2) = 0 ">
																	<xsl:attribute name="class">table-fila-body table-tr-par</xsl:attribute>
																</xsl:if>
																
																<td class="align-center">
																	<xsl:value-of select="ind_codigo" />
																</td>
																<td class="align-center">
																	<xsl:value-of select="ind_sigla" />
																</td>
																<td class="align-center">
																	<xsl:value-of select="ind_descripcion_larga" />
																</td>
																<td class="align-center">
																	<xsl:value-of select="met_objetivo" />
																</td>
																<td class="align-center">
																	<xsl:value-of select="ind_valor" />
																</td>
																	
																<td class="align-center">
																	<xsl:value-of select="(hin_cumplimiento)" />
																</td>
																
																	<xsl:if test="proceso_semaforo = 'VERDE'">
																		<td class="caja-semaforo-verde" />
														
																	</xsl:if>
														
												
																	<xsl:if test="proceso_semaforo = 'AMARILLO'">
																		<td class="caja-semaforo-amarillo" />
																	</xsl:if>
																	
																	<xsl:if test="proceso_semaforo = 'ROJO'">
																		<td class="caja-semaforo-rojo" />
																	</xsl:if>
																
																<td class="align-center">
																	
																	<input class="boton" type="button" 
																	onclick="osm_go('indicadores/PageValorIndicador.pub');" value="Agregar Valor" 
																	/>
																</td>
																<td class="align-center">
																	
																	
																	<input class="boton" type="button" 
																	onclick="verHistorial({ind_codigo},{emp_codigo})" value="Ver Historial" />
																	
																</td>
																
																
																
																
														</tr>
															
																
														
															</xsl:for-each>
														</table>
													</div>
												</contenido>
											</xsl:when>
											
											<xsl:otherwise>
												<mensaje tipo="info">
													<titulo>Información</titulo>
													<contenido>
														No existen Procesos actualmente evaluados.

														<div style="text-align:right">
															<input class="boton" type="button"
																onclick="osm_go('inicio/PageHome.pub');" value="Ir al inicio" />
																
														</div>
													</contenido>
												</mensaje>

											</xsl:otherwise>
											
										</xsl:choose>
									</subseccion>
									
							
										<areabotones aling="right">
											<!-- ACCIONES FIJAS -->
											<!-- <input class="boton" type="button"
												onclick="tooglePopup('popup_historico_subproceso');" value="Histórico Indicadores" />
												 onclick="verHistorial({ind_codigo},{emp_codigo})" value="Ver Historial" /-->
										</areabotones>
							
							</contenido>
						</seccion>
				    </xsl:for-each>
				
				
				</div>
									
				</div>

				<div class="separador">&#160;</div>
				
								
				
			</div>

				<popup id="popup_historico_subproceso" display="none">
				<titulo>Histórico Indicador</titulo>
				
		
				<contenido align="right" >
				<div>
				<table class="table" id="">
							<tr class="table-tittle">
							<td class=""> </td>
							</tr>
				
						<tr onclick="">
							<td>
							<areabotones aling="center">
								<h3>Histórico Indicador Valor vs. Periodo	</h3>
									<div> 
									<xsl:processing-instruction name="verHistorial">
										verHistorial({ind_codigo},{emp_codigo});
									</xsl:processing-instruction>
									<xsl:call-template name="historico_indicador"/>
								</div>
							</areabotones>
							</td>
						</tr>
				</table>
				</div>
					<areabotones aling="right">
						<!-- ACCIONES FIJAS -->
						<input type="button" class="boton"
							onclick="tooglePopup('popup_historico_subproceso');" value=" Volver " />
					</areabotones>
			
				
				</contenido>
			</popup>
		
	
																	
						
		  
		
		</PAGE>


	</xsl:template>





	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template match="@*|node()" priority="-1">
		<xsl:copy>
			<xsl:apply-templates select="@*|node()" />
		</xsl:copy>
	</xsl:template>


</xsl:stylesheet>